<template>
    <div class="qrcode">
        <div id="qr-code-img">
            <div class="qr-text">
                {{userRcode}}
            </div>
            <div class="qr">
                <qriously :value="data" :size="200"></qriously>
            </div>
            
        </div>
        
    </div>
</template>

<style lang="less">
.qrcode{
    width: 245px;
    margin: 0 auto;
    #qr-code-img{
        background: #fff;
        width: 100%;
        height: 302px;
        position: relative;
        .qr-text{
            width: 200px;
            height: 35px;
            line-height: 32px;
            font-size: 20px;
            text-align: center;
            border-top: 2px solid #d4d4d4;
            border-bottom: 2px solid #d4d4d4;
            position: absolute;
            top:27px;
            left: 22px;
        }
        .qr{
            width: 200px;
            height: 200px;
            position: absolute;
            bottom: 22px;
            left: 22px;
        }
    }
}
    
</style>

<script>
export default {
    name: 'qrCode',
    data () {
        return {
            data:'https://fir.im/njccapp',
            userRcode:'',
        }
    },
    mounted () {
        let u=JSON.parse(sessionStorage.user)
        this.userRcode=u.user_data.User.rcode
        // 
    },
    computed: {
        
    },
    methods: {
        
    }
};
</script>
